<ion-header>

  <ion-navbar color="orange">
    <ion-title>
      我的评论
    </ion-title>
  </ion-navbar>

</ion-header>
<ion-content padding>
    <div *ngIf="lists && lists.length">
        <div class="ht-margin-bottom ht-background ht-overflow" *ngFor="let item of lists" [navPush]="'ServiceBbsDetailPage'" [navParams]="{id: item.amoy_id}">
            <div class="ht-overflow ht-100">
                <img [src]="this.util.parseImageUrl(item.head_img)" alt="" class="c-tx">
                <p padding-left padding-right class="ht-font-14 ht-000 ht-line-35">
                    {{item.nickname}}
                </p>
            </div>
            <!--主评论-->
            <div class="ht-100 ht-overflow ht-padding-tb">
                {{item.auto_content}}
            </div>
            <div class="ht-100 ht-overflow">
                <div class="ht-100 ht-float-left ht-overflow ht-font-12 ht-999 ht-padding-bottom10">
                    <div class="ht-float-right ht-line-20 ht-font-15">
                        {{item.add_time}}
                        <!--<i class="ht-599eba">删除</i>-->
                    </div>
                    <!--<div class="ht-float-right ht-overflow">-->
                        <!--<div class="ht-float-left ht-padding-l5">-->
                            <!--<img src="assets/imgs/icon-fx.png" alt="" class="c-icon">-->
                            <!--<span class="ht-float-left">分享</span>-->
                        <!--</div>-->
                        <!--<div class="ht-float-left ht-padding-l5">-->
                            <!--<img src="assets/imgs/icon-pl.png" alt="" class="c-icon">-->
                            <!--<span class="ht-float-left">评论</span>-->
                        <!--</div>-->
                        <!--<div class="ht-float-left ht-padding-l5">-->
                            <!--<img src="assets/imgs/icon-z.png" alt="" class="c-icon">-->
                            <!--<span class="ht-float-left">赞</span>-->
                        <!--</div>-->
                    <!--</div>-->
                </div>
                <!--赞-->
                <!--<div class="ht-100 ht-overflow ht-padding-bottom5">-->
                    <!--<div class="ht-100 ht-overflow ht-font-12 ht-999">-->
                        <!--<img src="assets/imgs/icon-z.png" alt="" class="c-icon">-->
                        <!--<span class="ht-float-left">周青</span>-->
                    <!--</div>-->
                <!--</div>-->
            </div>
            <!--回复评论列表-->
            <div class="ht-100 ht-overflow ht-border-bottom margin-top-5" padding-bottom>
                <div class="zan-comment">
                    <div class="msg-list margin-top-5" *ngIf="item['comlist'].length > 0">
                        <div class="msg-item" *ngFor="let comment of item['comlist']">
                            <p *ngIf="comment['par_nickname'] == null" class="margin-bottom-5">
                                <span class="text-msg">{{comment['nickname']}}</span>：{{comment['content']}}
                            </p>
                            <div class="sub-comment margin-bottom-5" *ngIf="comment['par_nickname'] != null">
                                <span class="text-zan">{{comment['nickname']}}</span><span> 回复 <span class="text-zan">{{comment['par_nickname']}}</span>：{{comment['content']}}</span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <ion-infinite-scroll (ionInfinite)="doInfinite($event)">
        <ion-infinite-scroll-content></ion-infinite-scroll-content>
    </ion-infinite-scroll>
</ion-content>
